<template>
	<view class="main-box">

		<image class="bg" mode="widthFix" :src="rootImagePath + 'receive/top-bg.png'"></image>
		<view class="main-content-box">

			<view class="title-box">
				<view class="split"></view>
				<view class="title">首次实名认证权益</view>
				<view class="split"></view>
			</view>

			<image @click="gotoOtherMini" mode="widthFix" class="bg" :src="rootImagePath + 'receive/coupon300.png'">
			</image>

		</view>
	</view>
</template>

<script>
	import logApi from '../../api/logApi';
	export default {
		data() {
			return {
				rootImagePath: "https://h5.sx2b2c.com/images/changlong_hangkong/tuiguang/",
			};
		},
		methods: {

			gotoOtherMini() {
				uni.openEmbeddedMiniProgram({
					appId: 'wx0a991d42d653886e',
					path: 'pages/activity/initiationRite',
					extraData: {},
					success(res) {

					},
					fail(err) {
						logApi.addXmlyLog('打开长龙航空小程序失败' + JSON.stringify(err));
					}
				})

			}

		}
	}
</script>

<style lang="scss">
	.bg {
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 54rpx;
	}

	.main-box {

		.title-box {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 42rpx 0 36rpx 0;

			.split {
				width: 20rpx;
				height: 2rpx;
				background: #060606;
			}

			.title {
				font-family: MiSans;
				font-weight: 400;
				font-size: 36rpx;
				color: #000000;
				margin: 0 19rpx;
			}
		}
	}

	.split-line {
		width: 100%;
		height: 1rpx;
		border: 1px solid #E6E6E6;
	}

	.main-content-box {
		width: 94%;
		margin: 0 auto;
	}
</style>